/*隐藏漂浮菜单方便调整*/

#qiao-wrap { display: none !important }



/*新添加is框架*/

.layer { overflow: hidden; }

.autoBox { width: 100%; }

.layerBox { width: 1170px; margin-left: auto; margin-right: auto; overflow: hidden; }

.layerBox:after,.layerBox:before,.autoBox:after,.autoBox:before,.sep12:after,.sep12:before {  display: table; content: " "; }

.layerBox:after,.autoBox:after,.sep12:after { clear: both; }



.layer h2 { font-size: 36px; }

.layer h3 { font-size: 30px; }

.layer h4 { font-size: 24px; }

.layer h5 { font-size: 20px; }

.layer h6 { font-size: 18px; }

.layer h8 { font-size: 16px; }

.layer .fc1 { color: #00aeff }

.layer .fc2 { color: #86c610 }

.layer .fc3 { color: #ff4c2f }



.layer-bg { background: #f4f5f5 }



.layer .bd { padding-bottom: 10px; }

.layer .hd { padding-top: 20px; }

.layer .hd .t { text-align: center; padding-bottom: 15px; }

.layer .hd .t-en { font-size: 30px; text-align: center; color: #bababa; font-weight: initial; text-transform : uppercase }

.layer .hd .t-p { text-align: center; font-size: 14px; color: #666; padding:15px 0 30px 0; }

.layer .hd .t-bg { height: 1px; width: 70%; background: #bababc; position: relative; margin-left: auto; margin-right: auto; }

.layer .hd .t-bg span { display: block; height: 3px; background: #bababc; width: 60px; position: absolute; left: 50%; margin-left: -30px; top: -1px; }



.sep12 { margin-left: -15px; margin-right: -15px; }

.sep3-2-1 { float: left; padding: 0 15px; width: 33.333333333%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; }



.youshi { background: #f4f5f5 }

.youshi .bd { padding-bottom: 40px; }

.youshi .info-box { background: #fff; padding:0 30px; }

.youshi .info-box h4 { text-align: center; font-weight: normal;}

.youshi .info-box .img { display: block; margin-left: auto; margin-right: auto; }

.youshi .info-box .txt { font-size: 15px; color: #888; border-top: 1px solid #ddd; line-height: 30px; padding: 15px 0; margin-top: 20px; min-height: 160px; }



.jianzhan-taocan .protc { background: #fff; box-shadow: 0 0 14px rgba(0,0,0,.2); overflow: hidden; }

.jianzhan-taocan .protc-1 { background: #00aeff; width: 235px; float: left; }

.jianzhan-taocan .protc-1 img { display: block; margin: 0 auto; margin-top:65px; }

.jianzhan-taocan .protc-1 p { line-height: 26px; font-size: 15px; color: #fff; padding:45px 36px 30px 36px; }

.jianzhan-taocan .protc-1 h5 { color: #fff; font-weight: normal; padding: 0 36px 65px 36px;  }



.jianzhan-taocan .protc-2 { float: left; width: 452px; }

.jianzhan-taocan .protc-2 a{text-decoration: none;}

.jianzhan-taocan .protc-2 a:hover h5{ color: #00aeff }

.jianzhan-taocan .protc-2 a h5{color: #333;}

.jianzhan-taocan .protc-2 a p{color: #888;}

.jianzhan-taocan .protc-2 h5 { text-align: center; padding-top: 35px; font-weight: normal; }

.jianzhan-taocan .protc-2 p { text-align:center; color: #888; padding-top: 10px; font-size: 14px;  }

.jianzhan-taocan .protc-2 img { display: block; margin-left: auto; margin-right: auto; margin-top: 40px; }

.jianzhan-taocan .protc-3 { float: right; width: 483px;  }

.jianzhan-taocan .protc-3 .list li { width: 241px; float: left; }

.jianzhan-taocan .protc-3 a { text-decoration: none; display: block; overflow: hidden; border-left: 1px solid #ddd; height: 186px; }

.jianzhan-taocan .protc-3 a:hover { border-color: #00aeff }

.jianzhan-taocan .protc-3 a:hover h6 { color: #00aeff }

.jianzhan-taocan .protc-3 a h6 { color: #333; padding:15px 25px 0 25px; font-weight: normal; }

.jianzhan-taocan .protc-3 a p { color: #888;  padding:5px 25px 0 25px; font-size: 14px; }

.jianzhan-taocan .protc-3 .this1,.jianzhan-taocan .protc-3 .this2 { border-bottom: 1px solid #ddd; }

.jianzhan-taocan .protc-3 i { display: block; }

.jianzhan-taocan .protc-3 i img { display: block; max-width: 100%; }



.kehuanli { background: #f4f5f5; }

.kehuanli .autoBox { padding-bottom:60px; }

.kehuanli .list { margin-left: -10px; margin-right: -10px; }

.kehuanli .sep5-5-5 { width: 20%; padding: 0 10px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.kehuanli .sepbox { display: block; position: relative; overflow: hidden; margin-bottom: 20px; text-decoration:none;}

.kehuanli .sepbox .img,.kehuanli .sepbox .img img { display: block; width: 100%; }

.kehuanli .sepbox .img { position: relative; }

.kehuanli .sepbox .zzlayer { background: rgba(0,0,0,.7); width: 100%; position: absolute; top: 0; left: 0; bottom: 0; transition: all .5s; opacity: 0; z-index: 10; }

.kehuanli .sepbox .zzname {font-size:16px; text-align: center; width: 100%; color: #666;padding: 10px 0px;}

.kehuanli .sepbox .zzlink { display: block; width: 100px; height: 100px; transform:scale(.2); opacity: 0; transition: all .5s; position: absolute; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; -z-index: 11; }

.kehuanli .sepbox:hover .zzlayer { opacity: 0; }

.kehuanli .sepbox:hover .zzlink {  transform:scale(1); opacity: 1; }



.liucheng-2 .list { padding-top: 150px; padding-right: 200px; position: relative; }

.liucheng-2 li { cursor: pointer; box-shadow: 0 0 7px rgba(0,0,0,.1); float: left; width: 290px; border-right: 1px solid #f5f5f; height: 80px; margin-bottom: 150px; position: relative; }

.liucheng-2 li .subitem { position: absolute; top: -120px; background: #00aeff; padding:10px 20px; color: #fff; display: none; }

.liucheng-2 li .subitem i { display: block; float: left; margin-right: 10px; }

.liucheng-2 li .subitem p { padding-top: 15px; }

.liucheng-2 .txt { height: 80px; line-height: 80px; padding: 0 20px; color: #888; font-size: 16px; font-weight: bold; }

.liucheng-2 .txt span { width: 48px; height: 80px; font-size: 30px; font-weight: bold; display: block; float: left; margin-right: 20px; 

    background: url(../images/liucheng-icon-sz.jpg) left 28px no-repeat}

.liucheng-2 .item-2 { width: 165px; height: 310px; position: absolute; right: 134px; box-shadow: none; }

.liucheng-2 li:hover .txt,.liucheng-2 li:hover .span,.liucheng-2 li.on .txt,.liucheng-2 li.on .span { color: #00aeff; }

.liucheng-2 li.on .subitem { display: block; }

.liucheng-2 .item-2 .p4 {  background: url(../images/liucheng-2-img4-1.png); height: 310px; }

.liucheng-2 .item-2 .p4:hover,.liucheng-2 .on .p4 { background: url(../images/liucheng-2-img4-2.png) }

.liucheng-2 .item-2 .subitem { width: 290px; }

.liucheng-2 li .subitem .pd { position: relative; }

.liucheng-2 li .subitem .pd span { position: absolute; display: block; width:0;height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #00aeff; bottom: -38px; }



.jianzhanser { background: #f4f5f5 }

.jianzhanser a img { display: block; }

.sep4-2-1 { width: 25%; padding: 0 15px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;height: 20rem;

 }

.sep4-2-1 a{color:#333; text-decoration:none;

}

.sep3-3-1 { width: 33.333333333%; padding: 0 15px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }



.casePage .list { margin-left: -10px; margin-right: -10px; overflow: hidden; }

.casePage .list .sepbox { display: block; margin-bottom: 20px; }

.casePage .list .sepbox .pic { display: block; position: relative; }

.casePage .list .sepbox .pic span { display: none; position: absolute; width: 100%; top: 0; left: 0; background: rgba(0,0,0,.8); bottom: 0; }

.casePage .list .sepbox .pic span img { width: 40px; display: block; margin:0 auto; margin-top: 75px; }

.casePage .list .sepbox .pic>img { display: block; max-width: 100%; }

.casePage .list .sepbox p { background: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 20px; color: #666; height:22px; line-height:22px;}

.casePage .list .sepbox:hover p { background: #00aeff; color: #fff }

.casePage .list .sepbox:hover .pic span { display:block; }

.homeCase .sepbox:hover .zzlayer { opacity: .8; background: rgba(0,174,255,.66); }



.casexxPage { background: #fff; }

.casexxPage .casexxItem { padding: 0px 60px; position: relative; }

.casexxPage .casexxItem h3 { font-size: 20px; color: #333; padding-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }

.casexxPage .casexxItem .txt { padding-top: 20px; font-size: 15px; line-height: 28px; color: #666; }

.casexxPage .casexxItem .linkbtn { display: block; overflow: hidden; position: absolute; right: 60px; top: 120px; }



.position-prev { position: fixed; top: 50%; margin-top: -214px; left: 30px; display: none }

.position-next { position: fixed; top: 50%; margin-top: -214px; right: 30px; display: none }

.fenx { padding-left: 60px; padding-right: 60px; padding-top:40px; }

.upDown { margin-left: 60px; margin-right: 60px; }



.homeYewu { background: url(../images/home-layer-bg.gif) center top no-repeat}

.homeYewu .sepbox { background: #fff; transition: all .5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #fff; }

.homeYewu .img { display: block; width: 270px; height: 180px; overflow: hidden; position: relative; }

.homeYewu .img img { display: block; max-width: 100%; transition: all .5s; position: absolute; top: 0; left: 0; }

.homeYewu .sepbox .img-001 { opacity: 0; transform:scale(.2); }

.homeYewu .sepbox h5 { text-align: center; padding:5px 20px; }

.homeYewu .sepbox p { padding:15px 25px 25px 25px; font-size: 12px; color: #888; line-height: 22px; }

.homeYewu .sepbox:hover { border:1px solid #00aeff; box-shadow: 0 0 12px rgba(0,174,255,.4)}

.homeYewu .sepbox:hover .img-001 { transform:scale(1); opacity: 1; }

.homeYewu .sepbox:hover .img-002 { display: none; }



.homeFenlei {  }

.homeFenlei .contentBg { background: #373d41; }

.homeFenlei .list { overflow: hidden; }

.homeFenlei .item,.homeFenlei .item * { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }

.homeFenlei .item { float: left; width: 50%; overflow: hidden; height: 450px; position: relative; cursor: pointer; }

.homeFenlei .img { display: block; overflow: hidden; }

.homeFenlei .img img { display: block; width: 100%; transition: 12s transform; -webkit-transition: 12s transform; -moz-transition: 12s transform; }

.homeFenlei .zezhao { display: block; overflow: hidden; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,.5); position: absolute; }

.homeFenlei .txt1 { overflow: hidden; width: 100%; }

.homeFenlei .txt1 img { display: block; max-width: 100%; margin-top: 105px; margin-right: auto; margin-left: auto; }

.homeFenlei .txt1 span { display: block; width: 12%; height: 1px; background: #fff; margin-left: auto; margin-right: auto; margin-top: 40px; }

.homeFenlei .txt1 h5 { color: #fff; padding:40px 30px 30px 30px; text-align: center; } 

.homeFenlei .txt1 p { padding: 0 30px; color: #fff; line-height: 24px; font-size: 14px; opacity: 0; margin-bottom: 35px; }

.homeFenlei .txt1 a { text-decoration: none; display: block; width: 150px; font-size: 14px; border:1px solid #ddd; height: 40px; opacity: 0; line-height: 40px; text-align: center; color: #fff; margin-left: auto; margin-right: auto; margin-top: 20px; }

.homeFenlei .item:hover .zezhao,.homeFenlei .item-on .zezhao { background: #BBA74F; top: -240px; }

.homeFenlei .item:hover .txt1 img,.homeFenlei .item-on .txt1 img { opacity: 0; }

.homeFenlei .item:hover .txt1 span,.homeFenlei .item-on .txt1 span { opacity: 0; }

.homeFenlei .item:hover .img img,.homeFenlei .item-in .img img { transform:scale(1.2); }

.homeFenlei .item:hover p,.homeFenlei .item:hover a,.homeFenlei .item-on p,.homeFenlei .item-on a { opacity: 1; }

.homeFenlei .txt1 a:hover { background: #fff; color: #81531E }



.homeCase { /* background: #f4f5f5; */ background: url(../images/casebj.jpg) no-repeat;}



.newsChoose { padding-bottom: 40px; }

.newsChoose .ld { float: left; width: 585px; }

.newsChoose .hd { padding-bottom: 10px; }

.newsChoose .hd .t,.newsChoose .hd .t-en,.newsChoose .hd .t-p { text-align: left; }

.newsChoose .hd .t-p { display: inline-block; padding-left: 20px; font-weight: normal; padding-bottom: 0; }

.homeChoose .list { width: 280px; float: left; border-top: 1px solid #ddd; }

.homeChoose .item { border-bottom: 1px solid #ddd; cursor: pointer; }

.homeChoose .item .subtxt { font-size: 14px; color: #888; line-height: 24px; padding-bottom: 20px; display: none; }

.homeChoose li.on h5 { color: #00aeff; }

.homeChoose .on .subtxt { display: block; }

.homeChoose .item h5 { overflow: hidden; height: 40px; line-height: 40px; padding: 20px 0; }

.homeChoose .item h5 i { display: block; float: left; margin-right: 10px; }

.homeChoose .item h5 span { float: right; }

.homeChoose .shu { background: url(../images/homeChoose-kehu-img.jpg) no-repeat; width: 181px; height: 442px; float: right; padding: 0 40px; }

.homeChoose .shu h6 { font-size: 36px; font-weight: lighter; color: #797879; padding-top:30px; padding-bottom: 30px; }

.homeChoose .js-shu { padding-top: 10px; border-top: 1px solid #797979; font-size: 64px; color: #00aeff; padding-bottom: 10px; border-bottom: 1px solid #797979; font-weight: bold; }

.homeChoose .shu .linka { display: block; width: 100%; height: 80px; position: relative;  margin-top: 40px; }

.homeChoose .shu .linka img { display: block; margin-left:50px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}

.homeChoose .shu .linka:hover img { margin-left: 110px; }

.homeChoose .shu-title { font-weight: bold; color: #00aeff; padding-top: 20px; font-size: 42px; }

.newsChoose .rd { width: 515px; float: right; }



.homeNews a { text-decoration: none; }

.homeNews .item { padding-bottom: 30px; position: relative; }

.homeNews .item:last-child { padding-bottom: 0; }

.homeNews .item a { display: block; overflow: hidden; }

.homeNews .item a * { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }

.homeNews .item-time { display: block; width: 92px; height: 88px; background: rgba(0,174,255,1); text-align: center; color: #fff; float: left; }

.homeNews .item-time em { display: block; font-size: 45px; font-weight: lighter; font-style: normal; color: #fff; padding-top: 5px; }

.homeNews .item-txt { background: #f4f4f4; border: 1px solid #f4f4f4; height: 86px; float: left; width: 421px; overflow: hidden; }

.homeNews .item-txt-t { font-size: 14px; color: #333; padding:10px 20px 5px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.homeNews .item-txt-p { font-size: 14px; color: #888; padding:0 20px; }

.homeNews .item-txt-i { display: none; position: absolute; right: 0; top: 0; background: #00aeff; width: 20px; height: 20px; padding:5px; }

.homeNews .item-txt-i img { display: block; max-width: 100%; }

.homeNews .item a:hover .item-time { background: #00aeff; }

.homeNews .item a:hover .item-txt { border-color: #00aeff }

.homeNews .item a:hover .item-txt-i { display: block; }



.homeService { background: #f4f5f5; }

.homeService .sep5-5-5 { width: 20%; float: left; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; position: relative; }

.homeService .sep5-5-5 a { color:#333; text-decoration:none;}

.homeService { background: url(../images/home-layer-bg.gif) center top no-repeat}

.homeService .sepbox { position: relative; z-index: 1; top: 0; background: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #fff; border-right: 1px solid #ddd; }

.homeService .img { display: block; width: 270px; height: 180px; overflow: hidden; position: relative; }

.homeService .img img { display: block; max-width: 100%; transition: all .5s; position: absolute; top: 25px; left: 30px;  }

.homeService .sepbox .img-001 { opacity: 0; transform:scale(.2); }

.homeService .sepbox h5 { text-align: center; padding:5px 20px; }

.homeService .sepbox p { padding:15px 25px 25px 25px; font-size: 12px; color: #888; line-height: 22px; }

.homeService .sepbox:hover { border:1px solid #00aeff; box-shadow: 0 0 12px rgba(0,174,255,.4); top: -15px; z-index: 2;}

.homeService .sepbox:hover .img-001 { transform:scale(1); opacity: 1; }

.homeService .sepbox:hover .img-002 { display: none; }



.homeLiucheng3 { position: relative; padding-bottom: 40px; }

.homeLiucheng3 .layerBox { position: relative; }

.homeLiucheng3 .box1 { width: 310px; float: left; }

.homeLiucheng3 .item { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; border-radius: 0 32px 32px 0;  text-align: left; cursor: pointer; font-size: 20px; font-weight: bold; color: #333; line-height: 65px; height: 65px; margin-bottom: 10px; margin-right: 100px; padding: 0 15px 0 25px; }

.homeLiucheng3 .item i { display: block; float: right;  width: 40px; height: 40px; border-radius: 20px;background: #eee; font-weight: lighter; text-align: center; margin-top: 12px; line-height: 40px; }

.homeLiucheng3 .item:hover,.homeLiucheng3 li.on { margin-right: 0; background: #00aeff; color: #fff; }

.homeLiucheng3 .item:hover i,.homeLiucheng3 li.on i { background: #fff; color: #00aeff; }

.homeLiucheng3 .box2 { float: left; width: 600px; height: 462px; background: url(../images/liucheng-3-title.png); position: relative; }

.homeLiucheng3 .box2 .liucheng-cent { width: 200px; height: 170px; position: absolute; top: 115px; left: 65px; padding: 10px 45px }

.homeLiucheng3 .box2 .liucheng-cent .cent-item { display: none; }

.homeLiucheng3 .box2 .liucheng-cent .on { display: block; }

.homeLiucheng3 .box2 h3 { text-align: center; color: #00aeff }

.homeLiucheng3 .box2 p { color: #555; padding: 20px 0; font-size: 14px; line-height: 24px; }

.homeLiucheng3 .box3 { position: absolute; top: 150px; left: 50%; margin-left: 120px;  }



.homeAbout { background: #00aef3; height: 643px; overflow: hidden; width: 100%; }

.homeContact { width: 699px; float: left; height: 643px; position: relative; overflow: hidden; border-right: 1px solid #53CDFE; }

.homeContact .hd { position: absolute; background: #f5f5f5; color: #00aef3; width: 220px; height: 110px; padding-top: 20px; }

.homeContact .bd { width: 355px; padding: 0 45px; position: absolute; top: 130px; right: 0; bottom: 0; }

.homeContact .bd h5 { color: #fff; padding-top: 10px; }

.homeContact .bd .txt { font-size: 14px; line-height: 26px; color: #fff; padding-top: 20px; }

.homeContact .p-tel { overflow: hidden; display: block; text-decoration: none; background: #0FBAFE;  transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; width: 168px; height: 132px; position: absolute; left: 0; top: 160px; }

.homeContact .p-email { overflow: hidden; display: block; text-decoration: none; background: #0FBAFE;  transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; width: 120px; height: 93px; position: absolute; left: 100px; top: 340px; }

.homeContact .p-tel span { text-align: center;  font-size: 20px; color: #fff; display: block; padding-top: 35px; }

.homeContact .p-email span { text-align: center; font-size: 20px; color: #fff; display: block; padding-top: 15px; }

.homeContact >a:hover { background: #0FBAFE; color: #00aef3 }

.homeContact >a img { position: relative; margin-top: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }

.homeContact .p-tel:hover img { margin-top: -132px; }

.homeContact .p-email:hover img { margin-top: -93px; }

.homeContact .p-email:hover span { color: #fff }

.homeContact .hd .t,.homeContact .hd .t-en { color: #00aef3 !important }

.homeContact .more { margin-top: 10px; text-align: right; }

.homeContact .more a { color: #53CDFE; text-decoration: none; font-size: 14px; }

.homeContact .more a:hover { color: #fff; }



.homeWenti { width: 470px; float: right; height: 643px; position: relative; }

.homeWenti .hd { position: absolute; color: #fff; top: 75px; left: 40px; }

.homeWenti .hd h2,.homeWenti .hd p { text-align: left !important; }

.homeWenti .bd-icon { position: absolute; right: 0px; top: 50px; }

.homeWenti .bd-list { margin-left: 40px; margin-top: 256px; }

.homeWenti .bd-list a { display: block;  padding:20px 0px; text-decoration: none; border-top: 1px solid #53CDFE;  }

.homeWenti .bd-list a h6 { color: #fff; font-size: 14px; }

.homeWenti .bd-list a div { font-size: 14px; color: #B1E9FF; padding-top: 5px; }

.homeWenti .bd-list a:last-child { border-bottom: 1px solid #53CDFE }

.homeWenti .bd-list a:hover h6,.homeWenti .bd-list a:hover div { color: #fff; }

.homeWenti .hd .t,.homeWenti .hd .t-en { color: #53CDFE !important }









.homeYouq { background: #eee; padding-top: 5px; }

.homeYouq .list { overflow: hidden; }

.homeYouq .list li { float: left; font-size: 14px; color: #888; margin-bottom: 10px; }

.homeYouq .list .t { font-size: 16px; font-weight: bold; color: #333; padding-right: 15px; }

.homeYouq .list li.sep { padding: 0 8px; }

.homeYouq .list li a { color: #888; text-decoration: none; }

.homeYouq .list li a:hover { color: #81531E; }

.homeYouq .list li:first-child { color: #999; margin-right: 10px; }



.footerNav { padding: 30px 0; }

.footerBox { width: 1170px; margin-left: auto; margin-right: auto; }

.footerNav .list { }

.footerNav .item { float: left; border-left: 1px solid #303030; padding: 0 60px; font-size: 14px; color: #777; height: 165px; }

.footerNav .item:last-child { border-right: 1px solid #303030 }

.footerNav .item .t { padding-bottom: 10px; }

.footerNav .item a { color: #777; text-decoration: none; }

.footerNav .item a:hover { color: #fff; }

.footerNav .item li { padding: 5px 0; }

.footerNav .item .icon-erweima { display: block; margin-bottom: 10px; }

.footerNav .tel { overflow: hidden; font-size:20px;  line-height: 31px; color: #00aeff; font-weight: bold; }

.footerNav .tel i { display: block; float: left; margin-right: 15px; }

.page-footer .icon-caoshu { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

.page-footer .copyright { padding-top: 15px; border-top: 1px solid #303030; padding: 15px; color: #777; text-align: center; font-size: 14px; }



.page-footer .icon-links { padding:20px 0; }

.page-footer .icon-links li { position: relative; display: block; float: left;  }

.page-footer .icon-links li a {

	display: block;

	width: 36px; 

	height: 35px; 

	overflow: hidden; 

	margin-right: 10px; 

	transition: all .5s; 

	-webkit-transition: all .5s; 

	-moz-transition: all .5s;

}

.page-footer .icon-links a img { display: block; }

.page-footer .icon-links a .img1 { position: relative; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }

.page-footer .icon-links a:hover .img1 { margin-top: -35px; margin-bottom:0px;}

.page-footer .tan-a .tan-box { position: absolute; bottom: 45px; display: none; width: 95px; height: 95px; padding: 5px; background: rgba(255,255,255,.1); }

.page-footer .tan-a .tan-box img {display: block; max-width: 100%}

.page-footer .tan-a:hover .tan-box { display: block; }



.fenlei-link { padding: 15px 50px; border-top: 1px dashed #ddd; text-align: center; font-size: 0; }

.fenlei-link a { display: inline-block; *display: inline; *zoom: 1; padding: 10px 20px; font-size: 16px; color: #666; text-decoration:none; }

.fenlei-link a:hover { color:#00aeff; }

.fenlei-link a:nth-child(1) { color: #80 }



/* 20161018 seo xiugai*/

.pagelink { line-height: 45px; background: #f3f3f3; width: 100%; }

.pagelink .list { width: 1170px; margin: 0 auto; overflow: hidden; }

.pagelink .list li { float: left; }

.pagelink .list li a { color: #333; text-decoration: none; font-size: 14px; font-weight: bold; display: block; height: 45px; padding: 0 15px; }

.pagelink .list li a:hover,.pagelink .list li a.on { background: #3cb0f8; color: #fff; }



.pageTop { position: fixed; top: 0; z-index: 9999; }



.seo-wrap05 .list-wrap { background: #fff; overflow: hidden; padding:0 15px; padding-bottom: 55px; }

.seo-wrap05 .list-ul li { float: left; padding:0 15px; width: 33.333333333%; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }

.seo-wrap05 .list-ul dl dt { padding: 15px 0 25px 0; font-size: 22px; font-weight: normal; text-align: center; }

.seo-wrap05 .list-ul dd { padding-left: 30px; }

.seo-wrap05 .list-ul .style1 dt { color: #ff5135; border-top: 1px solid #ff5135; }

.seo-wrap05 .list-ul .style1 dd { line-height: 32px; background: url(../images/seo-gou1.png) no-repeat left center; }

.seo-wrap05 .list-ul .style2 dt { color: #86c610; border-top: 1px solid #86c610; }

.seo-wrap05 .list-ul .style2 dd { line-height: 32px; background: url(../images/seo-gou2.png) no-repeat left center; }

.seo-wrap05 .list-ul .style3 dt { color: #3cb0f8; border-top: 1px solid #3cb0f8; }

.seo-wrap05 .list-ul .style3 dd { line-height: 32px; background: url(../images/seo-gou3.png) no-repeat left center; }



.wrap-ser { padding-bottom: 50px; }

.wrap-ser .wrap-c { position: relative; }

.wrap-ser .ser-item { float: left;  padding-right: 100px; width: 485px; }

.wrap-ser .ser-item:last-child { padding-right: 0; padding-left: 100px; }

.wrap-ser .ser-item .style { background: #444; color: #fff; line-height: 1.5; }

.wrap-ser .ser-item .style h4 { color: #fff; font-size: 30px; text-align: center; line-height: 80px; text-shadow: 0 2px 1px rgba(0,0,0,.3) }

.wrap-ser .ser-item .waibao h4 { background: url(../images/seo-ser-t1.png) left top no-repeat; height: 89px; }

.wrap-ser .ser-item .t-in { color: #979797; font-size: 14px; }

.wrap-ser .style .item { border-bottom: 1px solid #333; border-top: 1px solid #555; padding:20px 25px; }

.wrap-ser .style .item:nth-child(2) { border-top: 0; }

.wrap-ser .ser-item .guwen h4 { background: url(../images/seo-ser-t2.png) left top no-repeat; height: 89px; }

.wrap-ser .t-nr dt { overflow: hidden; margin-bottom: 10px; }

.wrap-ser .t-nr dt i { background: url(../images/icons.png) no-repeat left top; display: inline-block; float: left; width: 20px; height: 20px; margin-top: 4px; margin-right: 15px; }

.wrap-ser .t-nr dd { padding-left: 35px; line-height: 26px; font-size: 14px; } 

.wrap-ser .ser-item .waibao dt { color: #86c610; font-size: 20px; }

.wrap-ser .ser-item .guwen dt i { background: url(../images/icons.png) -21px top no-repeat; }

.wrap-ser .ser-item .guwen dt { color: #3cb0f8; font-size: 20px; }

.wrap-ser .bg-vs { display: block; width: 148px; height: 97px; background: url(../images/icons.png) no-repeat -42px top; position: absolute; top: 250px; left: 50%; margin-left: -74px }



.seo-xiaoguo { background: #efefef }

.seo-xiaoguo .d { width: 1170px; overflow: hidden; margin-left: auto; margin-right: auto; }

.seo-xiaoguo .bd { padding-bottom:35px; }

.seo-xiaoguo .list { margin-left: -15px; margin-right: -15px; overflow: hidden;  }

.seo-xiaoguo .list li { width: 25%; float: left; padding:0 15px; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }

.seo-xiaoguo .list li img { display: block; max-width: 100%; }

.seo-xiaoguo .list a { color: #333; display: block; padding: 15px 0; text-align: center; text-decoration: none; }



.seo-wenti {  background: #efefef }

.seo-wenti .d { width: 1170px; margin-left: auto; margin-right: auto; padding-bottom: 40px; }

.seo-wenti .list { margin-left: -20px; margin-right: -20px; overflow: hidden; }

.seo-wenti .list li { margin-bottom: 40px; float: left; width: 50%; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }

.seo-wenti .list .item-box { background: #fff; }

.seo-wenti .qa-q { padding:15px 20px; border-bottom: 1px solid #eee; overflow: hidden; line-height: 34px; }

.seo-wenti .qa-q h5 { font-weight: normal; color: #3cb0f8; font-size: 20px; padding-left: 55px; }

.seo-wenti .qa-q .title-icon { float: left; display: block; width: 40px; height: 34px; background: url(../images/icons.png) no-repeat -191px top;  }

.seo-wenti .qa-a { padding:15px 20px; font-size: 14px; color: #666; line-height: 24px; height: 96px; overflow: hidden; }

.seo-wenti .qa-a .cont-t {padding-left:55px; }

.seo-wenti .qa-a .title-icon { float: left; display: block; width: 40px; height: 34px; background: url(../images/icons.png) no-repeat -232px top;  }



.seo-liucheng .list { height: 2px; background: #b3b3b3; margin-top: 155px; }

.seo-liucheng .list li { width: 16.666666667%; float: left; position: relative; margin-top: -6px; cursor: pointer; }

.seo-liucheng .list li .icon-yuan { display: block; width: 15px; height: 15px; border-radius: 50%; background: #b3b3b3; margin-left: auto; margin-right: auto; }

.seo-liucheng .list li h6 { color: #333; font-size: 14px; padding-top: 15px; text-align: center; }

.seo-liucheng .list li .t { 

    position: absolute; width: 100%; background: #00aeff; top: -180px; box-sizing: border-box; 

    -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; 

    padding:15px 20px; font-size: 14px; color: #fff; line-height: 24px; border-radius: 5px;

    display: none;

}

.seo-liucheng .list li.on .icon-yuan { background: #00aeff }

.seo-liucheng .list li.on .t { display: block; }

.seo-liucheng .list li.on h6 { color: #00aeff }



.seo-zixun .list li { 

    box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;

    width: 50%; padding: 0 20px; float: left;

}

.seo-zixun .list li a { display: block; border-top: 1px solid #ddd; padding: 25px; text-decoration: none; color: #333; font-size: 14px;}

.seo-zixun .list li a h5 { padding-bottom: 15px; font-size:18px;}

.seo-zixun .list li a:hover { color: #00aeff; }



.page-msg .title { font-size: 16px; color: #ff5135 }

.seo-case { margin: 0; height: auto; padding-bottom: 80px; }

.title10 { font-size: 20px; font-weight: bold; color: #00aeff; padding: 20px 0; text-align: center; }

.title10 span { display: block; padding-top: 10px; font-size: 14px; color: #888; text-align: center; font-weight: normal; }

.seo-wrap02 { background: #f4f5f5 }



.fangda-js-box { z-index: 9999; display: none; position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.8); }

.fangda-js-box  img { display: block; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 120px; }



.icon-links.bdsharebuttonbox a,.icon-links.bdshare-button-style0-32 a,.icon-links.bdshare-button-style0-24 a,.icon-links.bdshare-button-style0-16 a{background-image: none !important;float: none !important;padding-left:0px !important; line-height:35px !important;margin: 0px 10px 0px 0 !important;}



/*20161207 新添加案例详情页css*/

.anliShow-bg { background: #fff; padding-top: 54px; }

.anliShow a { text-decoration: none; }

.anliShow .hd {  position: fixed; top: 0; width: 100%; height: 54px; background: #222; border-bottom: 1px solid #ddd; }

.link-anli,.link-home { display: block; height: 36px; background: #00aeff; color: #fff; border-radius: 3px; line-height: 36px; margin:9px 0; padding: 0 15px; }

.link-anli { float: right; margin-right: 10px; }

.link-home { float: left;  margin-left: 10px; } 

.link-anli i,.link-home i { display: block; float: left; margin-right: 5px; overflow: hidden; margin-top: 3px; }

.link-anli i img,.link-home i img { display: block; }

.link-anli:hover,.link-home:hover { background: #ff3600 }

.pcMobile { height: 53px; text-align: center; font-size: 0; }

.pcMobile a { cursor: pointer; display: inline-block; *display: inline; *zoom: 1; height: 60px; text-align: center; line-height: 53px; vertical-align: middle; padding:0 20px; margin-right: 1px; }

.pcMobile a.on,.pcMobile a:hover { background: url(../images/anliYanshi-link-hover.png) center top no-repeat; }

.pcMobile a img { vertical-align: middle; }

.anliShow .anli-www { padding:22px; font-size: 12px; color: #666; text-align:right; }

.anliShow .anli-www a { color: #00aeff }



.box-hide { height: 772px; margin-left: auto; margin-right: auto; overflow: hidden; width: 100%; }

.box-hide-pc { background: url(../images/anliYanshi-mobile-bg.png) no-repeat; width: 410px; }

.box-hide-pd { width: 100%; }

.box-hide-pc .box-hide-pd { width: 360px; margin:0 auto; margin-top: 127px; height: 516px; overflow: hidden; }

.box-hide iframe { width: 100%; height: 535px }





/*2017-7-27*/





.sectionBanner { width: 100%; height: 720px; position: relative; overflow: hidden; }

.sectionBanner img { position: absolute; width: 1920px; height: 720px; left: 50%; margin-left: -960px; }



.sepbox { overflow: hidden; }

.sepbox .box { width: 1140px; margin:0 auto; }



.sepbox-01 { padding-bottom: 40px; }

.sepbox-01 .title { margin:0 auto; position: relative; background: url(../images/sepbox-box1-01.png) center top no-repeat; overflow: hidden; }

.sepbox-01 .t { width: 375px;  height: 100px; background: #fff; line-height: 1; padding-top: 10px; margin:0 auto; margin-top: 100px; } 

.sepbox-01 .t p { color: #666; font-size: 20px; }

.sepbox-01 .t h5 { font-size: 50px; font-weight: bold; margin-top: 5px; }

.sepbox-01 .t h5 span { color: #eb4142 }

.sepbox-01 .t-f { font-size: 20px; margin-top: 15px; padding:0 100px; text-align: center; line-height: 1.5; background: #fff; padding-top:15px; }



.sepbox-01 .content .list { overflow: hidden; padding-top: 50px; }

.sepbox-01 .content .list li { width: 330px; float: left; border: 1px solid #ddd; background: #fff; }

.sepbox-01 .content .list li+li { margin-left: 70px; }

.sepbox-01 .list img { display: block; margin:0 auto; margin-top: 35px; }

.sepbox-01 .list h5 { text-align: center; margin-top: 15px; font-size: 28px; color: #eb4142; }

.sepbox-01 .list p { font-size: 16px; color: #666; text-align: center; margin-top: 15px; padding:0 20px; } 

.sepbox-01 .txt { text-align: center; line-height: 2; font-size: 14px; padding-top: 55px; background: url(../images/sepbox-01-bg1.png) no-repeat center top #eb4142; margin-top: 25px; padding-bottom: 30px; color: #fff; }



.sepbox-02 { background: url(../images/sepbox-02-bg.gif) top left repeat-x; height: 824px; }

.sepbox-02 .title { font-size: 30px; padding:55px 0; text-align: center; }

.sepbox-02 .title span { color: #eb4142; }

.sepbox-02 .list li { width: 520px; float: left; padding-right: 50px; text-align: center; }

.sepbox-02 .list li+li { padding-left: 50px; padding-right: 0; }

.sepbox-02 .list li h5 { font-size: 22px; color: #333; margin-top: 35px; }

.sepbox-02 .list li p { line-height: 1.75; color: #666; font-size: 16px; margin-top: 25px; }



.sepbox-03 .hd .t-en { font-size: 20px; color: #999; text-align: center; margin-top: 45px; text-transform:uppercase;}

.sepbox-03 .hd .t { font-size: 50px; color: #333; text-align: center; }

.sepbox-03 .hd .t span { color: #eb4142; }

.sepbox-03 .xu1 { margin-top: 40px; }

.sepbox-03 .xu1 img { display: block;  float: left; margin-right: 20px; }

.sepbox-03 .xu1 h6 { float: left; font-size: 35px; color: #eb4142; padding-top: 20px; margin-right: 20px; }

.sepbox-03 .xu1 .txt { line-height: 1.75; font-size: 16px; padding-top:15px; }

.sepbox-03 .img { width: 825px; margin-left: 200px; margin-top:100px; }



.sepbox-04 { background: url(../images/seepbox-04-bg.gif); margin-top: 65px; padding-bottom: 50px;   }

.sepbox-04 .xu1 { margin-top: 40px; }

.sepbox-04 .xu1 img { display: block;  float: left; margin-right: 20px; }

.sepbox-04 .xu1 h6 { float: left; font-size: 35px; color: #eb4142; padding-top: 20px; margin-right: 20px; }

.sepbox-04 .xu1 .txt { line-height: 1.75; font-size: 16px; padding-top:15px; color: #fff; }

.sepbox-04 .list { margin-top: 50px; margin-left: 120px; }

.sepbox-04 .list li { width: 309px; float: left; padding-bottom: 15px; background: #fff; }

.sepbox-04 .list li+li { margin-left: 40px;}

.sepbox-04 .list img { display: block; }

.sepbox-04 .list h5 { margin-top: 20px; text-align: center; font-size: 28px; color: #eb4142; }

.sepbox-04 .list p { padding:20px 30px; line-height: 1.5; color: #999; padding-bottom: 10px; font-size: 14px;  }



.sepbox-05 { padding-top: 40px; padding-bottom: 40px; }

.sepbox-05.xu1 { margin-top: 40px; }

.sepbox-05 .xu1 img { display: block;  float: left; margin-right: 20px; }

.sepbox-05 .xu1 h6 { float: left; font-size: 35px; color: #eb4142; padding-top: 20px; margin-right: 20px; }

.sepbox-05 .xu1 .txt { line-height: 1.75; font-size: 16px; padding-top:15px; color: #fff; }



.sepbox-06 { background: #13265b; padding-top: 45px; padding-bottom: 65px; }

.sepbox-06 .hd h5 { font-size: 50px; color: #fff; text-align: center; }

.sepbox-06 .hd p { color: #fff; text-align: center; font-size: 24px; margin-top: 10px; }

.sepbox-06 .tabbox { width: 1100px; border: 1px solid #324fa1; background: #1b357f; overflow: hidden; padding:20px; margin-top: 45px; }

.sepbox-06 .tabbox-content { width: 920px; float: left; }

.sepbox-06 .tabbox-content .pic { display: block;  float: left; width: 485px;  }

.sepbox-06 .tabbox-content .pd { padding-left: 520px; }

.sepbox-06 .tabbox-content .title { font-size: 16px; color: #fff; }

.sepbox-06 .tabbox-content .site { color: #fff; margin-top: 10px; }

.sepbox-06 .tabbox-content .hangye { font-size: 20px; font-weight: bold; color: #2295ed; border-top: 1px solid #324fa1; margin-top: 20px; padding-top: 20px; }

.sepbox-06 .tabbox-content .info { font-size: 14px; border-top: 1px solid #324fa1; margin-top: 20px; padding-top: 20px; color: #fff; line-height: 1.75; padding-bottom: 20px; border-bottom: 1px solid #324fa1; }

.sepbox-06 .tabbox-content .more { background: #0d8bff; display: inline-block; margin-top: 20px; padding:10px 20px; color: #fff; border-radius: 3px; text-decoration: none;}

.sepbox-06 .tabbox-menu { float: right; width: 140px;  }

.sepbox-06 .tabbox-menu span { display: block; width: 140px; position: relative; cursor: pointer;  }

.sepbox-06 .tabbox-menu span.on i { position: absolute; top: 0; right: 0; z-index: 1; width: 150px; height: 106px; background: url(../images/sepbox-tab-hoverIocn.png) no-repeat; }

.sepbox-06 .tabbox-menu span > img { display: block; width: 140px; opacity: .5 }

.sepbox-06 .tabbox-menu span.on img { opacity: 1 }

.sepbox-06 .tabbox-menu span+span { margin-top: 25px; }



.sepbox-07 .title { padding:45px 0; font-size: 50px; color: #333; text-align: center; }

.sepbox-07 .title span { color: #eb4142 }

.sepbox-07 .to { overflow: hidden; }

.sepbox-07 .to-t-c { position: absolute; left: 50%; margin-left: -40px; width: 80px;  text-align: center; color: #fff; font-size: 50px; line-height: 90px; }

.sepbox-07 .to-t-l { width: 50%; float: left; background: #9e9e9e; font-size: 40px; color: #fff; line-height: 90px; height: 90px; text-align: center; font-weight: bold; }

.sepbox-07 .to-t-r { width: 50%; float: left; background: #cf2f36; font-size: 40px; color: #fff; line-height: 90px; height: 90px; text-align: center; font-weight: bold; }

.sepbox-07 .bo { padding-bottom: 25px; }

.sepbox-07 .bo .item { height: 100px; border:1px solid #ddd; border-radius: 50px; margin-top: 60px; position: relative; }

.sepbox-07 .bo .item i { font-style: normal; position: absolute; left: 50%; margin-left: -64px; top: -14px; display: block; width: 128px; height: 128px; overflow: hidden; background: url(../images/sepbox-07-yuan.png) no-repeat; text-align: center; line-height: 128px; font-size: 40px; color: #fff; }

.sepbox-07 .bo .item p { padding:20px 50px; width: 400px; line-height: 1.75; }

.sepbox-07 .bo .item .p1 { float: left }

.sepbox-07 .bo .item .p2 { float: right; }

.sepbox-07 .bo .item .p2 span { color: #eb4142; font-size: 18px; font-weight: bold; }



.sepbox-08 .title { text-align: center; padding:45px 0; font-size: 50px; }

.sepbox-08 .title img { display: inline-block; margin:0 20px;vertical-align: middle; }



.sepbox-09 .title { text-align: center; padding:45px 0; font-size: 50px; }

.sepbox-09 .title span { color: #eb4142 }

.sepbox-09 .b1 { width: 620px; margin:0 auto; }

.sepbox-09 .b1 td { background: #333; border: 1px solid #555; padding:8px 15px; color: #fff; text-align: center; }

.sepbox-09 .b1 .t td { background: #eb4142; border-top: 1px solid #eb4142; border-left: 1px solid #eb4142; border-right: 1px solid #eb4142; text-align: center; font-size: 20px; padding:10px 15px; }



.sepbox-09 { border-top: 1px solid #ddd; }

.sepbox-09 .b2 { width: 100%; margin-top: 45px; }

.sepbox-09 .b2 .t td { font-weight: bold; color: #333; }

.sepbox-09 .b2 td {  border: 1px solid #555; padding:8px 15px; color: #666; text-align: center; }

.sepbox-09 .b2 td.jt { color: #eb4142 }



.picshow { width:100%; position:relative; padding-bottom: 30px; }

.picshow .imgbox { position:relative; width:100%; height:725px; }

.picshow .imgbox div { display:block; position:absolute; opacity:0; transition:all .8s; -webkit-transition:all .8s; -moz-transition:all .8s; width: 400px; top: 50px;  }

.picshow .imgbox div img { display: block; max-width: 100%; box-shadow: 0 0 15px rgba(0,0,0,.5) }

.picshow .imgbox div p { display: none; padding:15px 0; text-align: center; font-weight: bold; color: #333; font-size: 16px; }

.picshow .imgbox div.imgOn { z-index:10; opacity:1; width: 605px; height: 725px; left: 50%; margin-left: -302px; top: 0; }

.picshow .imgbox div.imgOn p { display: block; }

.picshow .imgbox div.imgPrev { z-index:9; opacity:.5; width: 500px; left: 0; top: 50px; }

.picshow .imgbox div.imgNext { z-index:9; opacity:.5; width: 500px; left: 640px; top: 50px;}

.picshow .labelbox { display: none; position:absolute; height:50px; bottom:15px; width:100%; text-align:center; z-index:10; font-size:0  }

.picshow .labelbox span { cursor:pointer; display:inline-block; width:16px; height:16px; background:rgba(0,0,0,.5); margin:0 5px; }

.picshow .labelbox span:hover,.picshow .labelbox .spanOn { background:#1d2345; }

.picshow .btnbox { left:50%; margin-left:-595px; width:1190px; top:50%; margin-top:-50px; height:100px; z-index:10; position:absolute }

.picshow .btnbox .btn-left {  float:left; margin-left: 30px; width:40px; height:100px; cursor: pointer; }

.picshow .btnbox .btn-right { float:right; margin-right: 30px; width:40px; height:100px; cursor: pointer; }